<Grid
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    >
    <Grid.Resources>
        <Style x:Key="DetailText" TargetType="TextBlock">
            <Setter Property="FontSize" Value="10" />
        </Style>
        <Style x:Key="ClearLink" TargetType="HyperlinkButton">
            <Setter Property="Foreground" Value="#FF73A9D8"/>
            <Setter Property="Padding" Value="0"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="HyperlinkButton">
                        <Grid Cursor="{TemplateBinding Cursor}" Background="{TemplateBinding Background}">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="UnderlineTextBlock" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="DisabledOverlay" Storyboard.TargetProperty="Visibility">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard/>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <TextBlock HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="UnderlineTextBlock" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Visibility="Collapsed" Text="{TemplateBinding Content}" TextDecorations="Underline"/>
                            <TextBlock HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="DisabledOverlay" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Visibility="Collapsed" Foreground="#FFAAAAAA" Text="{TemplateBinding Content}" Canvas.ZIndex="1"/>
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" x:Name="contentPresenter" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <LinearGradientBrush x:Key="ButtonFill" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF222222"/>
            <GradientStop Color="#FF626262" Offset="1"/>
        </LinearGradientBrush>
        <LinearGradientBrush x:Key="ButtonStroke" EndPoint="0.5,1" StartPoint="0.5,0">
            <GradientStop Color="#FF848484"/>
            <GradientStop Color="#FF000000" Offset="1"/>
        </LinearGradientBrush>
        <Storyboard x:Name="rootUp">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="rootTranslate" Storyboard.TargetProperty="Y">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="-32" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="rootDown">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="rootTranslate" Storyboard.TargetProperty="Y">
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="-32"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.8" Value="0" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="rootExpand">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(FrameworkElement.Height)">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="40"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="72" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandedInfo" Storyboard.TargetProperty="Opacity">
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="0"/>
                <SplineDoubleKeyFrame KeyTime="00:00:01" Value="1" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="rootShrink">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="(FrameworkElement.Height)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="72"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.8" Value="40" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ExpandedInfo" Storyboard.TargetProperty="Opacity">
                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                <SplineDoubleKeyFrame KeyTime="00:00:00.3" Value="0" KeySpline="0,1,1,1"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Grid.Resources>
    <Grid x:Name="LayoutRoot" Width="192" Height="40" Background="#f7f2f0" Opacity="1" Cursor="Hand" >
        <Grid.RenderTransform>
            <TranslateTransform x:Name="rootTranslate" Y="0" X="0" />
        </Grid.RenderTransform>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="4" />
            <ColumnDefinition Width="34" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="40" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Border x:Name="Hightlight" CornerRadius="1" Grid.ColumnSpan="3" Grid.RowSpan="2" BorderBrush="#fff" BorderThickness="1" Opacity="0">
            <Rectangle>
                <Rectangle.Fill>
                    <ImageBrush x:Name="HighlightFill" Stretch="UniformToFill" Opacity="0.2" />
                </Rectangle.Fill>
            </Rectangle>
        </Border>
        <Canvas Grid.Column="1" Margin="0,3">
            <Rectangle x:Name="AvatarOutline" Width="34" Height="34" Fill="#CCC" />
            <Image x:Name="TileImage" Source="{Binding Game.Image64Url}" Height="32" Width="32" Margin="1,1" />
        </Canvas>
        <TextBlock x:Name="GamerTitleText" Grid.Column="2" Margin="4,4" Text="{Binding Game.Name}" Style="{StaticResource DetailText}" FontWeight="Bold" />
        <StackPanel Grid.Column="2" Margin="4,22,0,0" Orientation="Horizontal">
            <TextBlock x:Name="GamerScoreText" Text="{Binding GamerScore}" Style="{StaticResource DetailText}" />
            <TextBlock x:Name="GamerScoreSplit" Text="/" Style="{StaticResource DetailText}" />
            <TextBlock x:Name="GamerScoreTotal" Text="{Binding Game.TotalGamerScore}" Style="{StaticResource DetailText}" />
            <Canvas Margin="3,1,0,0">
                <Ellipse x:Name="GamerScoreBackground" Fill="#CCC" Height="12" Width="12" HorizontalAlignment="Left"/>
                <TextBlock x:Name="GamerSymbol" Canvas.Top="-1" Canvas.Left="2" Text="G" Style="{StaticResource DetailText}" Foreground="#f7f2f0" />
            </Canvas>
        </StackPanel>
        <!-- Expanded Info -->
        <Grid x:Name="ExpandedInfo" Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="1" Opacity="0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="34" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <HyperlinkButton HorizontalAlignment="Right" Style="{StaticResource ClearLink}">
                <ToolTipService.ToolTip>
                    <TextBlock Text="View Achievements"/>
                </ToolTipService.ToolTip>
                <Canvas Height="16.625" Width="16">
                    <Rectangle Height="16" Width="16" RadiusX="2" RadiusY="2" StrokeThickness="1" Fill="{StaticResource ButtonFill}" Stroke="{StaticResource ButtonStroke}"/>
                    <Path Height="7.807" Width="5.518" Canvas.Left="0.805" Canvas.Top="4.369" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0.5" Data="M4.75,4 C4.75,4 1.8084005,4.156363 2.0584004,6.031363 C2.0584004,6.031363 5.1249666,8.4842424 5.1249666,10.233799 L6.2930398,8.0575075 C6.2930398,8.0575075 2.7714672,6.3546166 3.6463902,5.6048064 L4.9759803,4.7201967 z"/>
                    <Path Height="8" Width="6" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0.5" Data="M4.75,4 C4.75,4 1.8084005,4.156363 2.0584004,6.031363 C2.0584004,6.031363 5.1249666,8.4842424 5.1249666,10.233799 L6.2930398,8.0575075 C6.2930398,8.0575075 2.7714672,6.3546166 3.6463902,5.6048064 L4.9759803,4.7201967 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="9.375" Canvas.Top="4.369">
                        <Path.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform ScaleX="-1"/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Path.RenderTransform>
                    </Path>
                    <Rectangle Height="7.75" Width="6.375" Canvas.Left="4.624" Canvas.Top="3.333" Fill="#FFFFFFFF" Stroke="#FF000000" StrokeThickness="0.5" RadiusX="1" RadiusY="1"/>
                    <Rectangle Height="2.625" Width="7.25" RadiusX="1" RadiusY="1" Fill="#FFFFFFFF" Stroke="#FF000000" StrokeThickness="0.5" Canvas.Left="4.055" Canvas.Top="2.958"/>
                    <Rectangle Height="3" Width="5" RadiusX="1" RadiusY="1" Fill="#FFFFFFFF" Stroke="#FF000000" StrokeThickness="0.5" Canvas.Left="5.478" Canvas.Top="11.292"/>
                </Canvas>
            </HyperlinkButton>
            <StackPanel Orientation="Horizontal" Grid.Column="1" Margin="3,1,0,0">
                <TextBlock x:Name="AchievementText" Text="{Binding Achievements}" Style="{StaticResource DetailText}" />
                <TextBlock x:Name="AchievementSplit" Text="/" Style="{StaticResource DetailText}" />
                <TextBlock x:Name="AchievementTotal" Text="{Binding Game.TotalAchievements}" Style="{StaticResource DetailText}" />
                <Canvas Margin="3,1,0,0">
                    <Ellipse x:Name="AchievementBackground" Fill="#CCC" Height="12" Width="12" HorizontalAlignment="Left"/>
                    <TextBlock x:Name="AchievementSymbol" Canvas.Top="-1" Canvas.Left="2.8" Text="A" Style="{StaticResource DetailText}" Foreground="#f7f2f0" />
                </Canvas>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="0,16,0,0" Grid.ColumnSpan="2">
                <TextBlock x:Name="InfoText" Text="last on " Style="{StaticResource DetailText}" />
                <TextBlock x:Name="InfoAText" Text="{Binding LastPlayed}" Style="{StaticResource DetailText}" />
            </StackPanel>
        </Grid>
    </Grid>
</Grid>